<template>
  <div>
    <h1>{{count}}</h1>
    <!-- <h1>1</h1> -->
  </div>
</template>

<script>
export default {
  name:'Header',
  props:['count'],
  beforeCreate(){
    console.log('----beforeCreate---');
  },
  created(){
    console.log('----created----');
  },
  beforeMount(){
    console.log('----beforeMount----');
  },
  mounted() {
    console.log('----mounted----');
  },
  beforeUpdate(){
    console.log('----beforeUpdate----');
  },
  updated(){
    console.log('----updated----');
  },
  beforeDestroy() {
    console.log('----beforeDestroy----');
  },
  destroyed(){
    console.log('----destroyed----');
  }

}
</script>

<style>

</style>